@charset "UTF-8";
/*=================================================
#main --- home
==================================================*/
#main .main {
	position: relative;
	z-index: 1;
}
#main .bg_txt {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: 295px;
	color: #181818;
	font-size: 20px;
	white-space: nowrap;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity: 0;
}
body.init #main .bg_txt {
	opacity: 1;
	-webkit-transition: opacity 0.8s ease 0s;
	-moz-transition: opacity 0.8s ease 0s;
	-o-transition: opacity 0.8s ease 0s;
	-ms-transition: opacity 0.8s ease 0s;
	transition: opacity 0.8s ease 0s;
}
#main .bg_txt span {
	display: block;
	font-size: 230px;
	font-weight: 700;
	line-height: 100%;
}
@media screen and (max-width:750px) {
	#main .bg_txt {
		left: 0;
		margin-left: 10%;
		font-size: 3.75vw;
		-webkit-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		transform: translate(0,-50%);
	}
	#main .bg_txt span {
		font-size: 42.96vw;
	}
}
/* #cont_main
--------------------------------------------- */
#cont_main {
	position: relative;
	opacity: 0;
	box-sizing: border-box;
	overflow:hidden;
	background: #1e1e1e;
}
#cont_main.init {
	opacity: 1;
	-webkit-transition: opacity 0.4s ease 0s;
	-moz-transition: opacity 0.4s ease 0s;
	-o-transition: opacity 0.4s ease 0s;
	-ms-transition: opacity 0.4s ease 0s;
	transition: opacity 0.4s ease 0s;
}
/* kvbgwrap */
#kvbgwrap {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	opacity: 1;
	height: 850px;
}
#kvbgwrap .bg_movie01 {
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height: 100%;
}
#kvbgwrap .bg_movie01 .mainVisual.js-movie-none {
	background: url(../images/bg_movie.jpg) no-repeat 50% 50%;
	background-size: cover;
}
@media screen and (max-width: 750px) {
	#kvbgwrap .bg_movie01 .mainVisual.js-movie-none {
		background: url(../images/bg_movie_sp.jpg) no-repeat 50% 50%;
		background-size: cover;
	}
}
/* inner */
#cont_main .inner {
	position: relative;
	z-index:15;
	margin: 0;
	height:100%;
}
#cont_main .ttl_wrap {
	position: absolute;
	top: 43%;
	left: 0;
	margin-top: -50px;
	margin-left: 80px;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0%,-50%);
	transform: translate(0,-50%);
}
#cont_main .ttl_wrap p {
	position: absolute;
	top: 100%;
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.2em;
	padding: 15px 0 0;
}
#cont_main .ttl_wrap p.txt_copy {
	opacity: 0;
}
#cont_main .ttl_wrap p.txt_date {
	opacity: 0;
}
#cont_main .ttl_wrap .txt_date {
	font-size: 20px;
	letter-spacing: 0.1em;
	padding: 85px 0 0;
}
#cont_main .ttl_wrap .btn_movie {
	opacity: 0;
	-webkit-transform: translate(0,30px);
	-ms-transform: translate(0%,30px);
	transform: translate(0,30px);
	-webkit-transition: transform 1.0s ease 0.6s,opacity 1.0s ease 0.6s;
	-moz-transition: transform 1.0s ease 0.6s,opacity 1.0s ease 0.6s;
	-o-transition: transform 1.0s ease 0.6s,opacity 1.0s ease 0.6s;
	-ms-transition: transform 1.0s ease 0.6s,opacity 1.0s ease 0.6s;
	transition: transform 1.0s ease 0.6s,opacity 1.0s ease 0.6s;
}
#cont_main.init .ttl_wrap .btn_movie {
	opacity: 1;
	-webkit-transform: translate(0,0px);
	-ms-transform: translate(0%,0px);
	transform: translate(0,0px);
}
#cont_main .btn_movie .str {
	opacity: 0;
	display:inline-block;
	overflow:hidden;
	text-align:left;
}
#cont_main .ttl_wrap .btn_movie {
	position: absolute;
	top: 100%;
	padding: 136px 0 0;
}
#cont_main .ttl_wrap h1 img {
	width: 464px;
	height: 180px;
	position: relative;
	opacity: 0;
	left: 40px;
}
#cont_main.init .ttl_wrap h1 img {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1.0s ease 0.4s ,left 1.0s ease 0.4s;
	-moz-transition: opacity 1.0s ease 0.4s ,left 1.0s ease 0.4s;
	-o-transition: opacity 1.0s ease 0.4s ,left 1.0s ease 0.4s;
	-ms-transition: opacity 1.0s ease 0.4s ,left 1.0s ease 0.4s;
	transition: opacity 1.0s ease 0.4s ,left 1.0s ease 0.4s;
}
/* btn_scroll */
#cont_main .btn_scroll {
	opacity: 0;
}
#cont_main.init .btn_scroll {
		opacity: 1;
	-webkit-transition: opacity 0.4s ease 1.5s;
	-moz-transition: opacity 0.4s ease 1.5s;
	-ms-transition: opacity 0.4s ease 1.5s;
	-o-transition: opacity 0.4s ease 1.5s;
	transition: opacity 0.4s ease 1.5s;
}
@media screen and (max-width:990px) {
	#cont_main {
		background-position: 60% 50%;
	}
	#cont_main .ttl_wrap h1 img {
		width: 370px;
		height: 143px;
	}
	#cont_main .ttl_wrap p {
		font-size: 22px;
		padding: 12px 0 0;
	}
	#cont_main .ttl_wrap .txt_date {
		font-size: 16px;
		padding: 66px 0 0;
	}
	#cont_main .ttl_wrap .btn_movie {
		padding: 103px 0 0;
	}
}
@media screen and (max-width:950px) {
	#cont_main .ttl_wrap {
		margin-left: 46px;
	}
}
@media screen and (max-width:750px) {
	#cont_main {
		height: auto;
		padding: 0px;
	}
	#cont_main .inner{
		position:absolute;
		top:0px;
		left: 0px;
		width:100%;
		height:100%;
	}
	#cont_main .ttl_wrap {
		position: static;
		width: 100%;
		margin: 24% 0 0 8.9%;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	#cont_main .ttl_wrap h1 img {
		width: 70%;
		height: auto;
	}
	#cont_main .ttl_wrap p {
		top: auto;
		font-size: 4.6vw;
	}
	#cont_main .ttl_wrap .txt_copy {
		position: static;
		padding: 5% 0 0;
	}
	#cont_main .ttl_wrap .txt_date {
		bottom: 0;
		font-size: 3.6vw;
		padding: 0 0 33%;
	}
	#cont_main .ttl_wrap .btn_movie {
		top: auto;
		bottom: 0;
		padding: 0 0 18%;
		width: 100%;
	}
}
/* #cont_info
--------------------------------------------- */
#cont_info .inner {
	max-width: 1300px;
	width: 81.25%;
	padding: 70px 0 0;
	margin: 0 auto;
}
#cont_info h2 {
	display: block;
	font-size: 20px;
	padding-right: 3.8%;
	opacity: 0;
}
#cont_info .info_list ul {
	padding-bottom: 40px;
}
#cont_info .info_list li {
	background: #181818;
	margin-bottom: 5px;
	position: relative;
	opacity: 0;
	left: 40px;
}
#cont_info .info_list li.init {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0s,left 1s ease 0s;
	-moz-transition: opacity 1s ease 0s,left 1s ease 0s;
	-o-transition: opacity 1s ease 0s,left 1s ease 0s;
	-ms-transition: opacity 1s ease 0s,left 1s ease 0s;
	transition: opacity 1s ease 0s,left 1s ease 0s;
}
#cont_info .info_list li:last-child {
	margin-bottom: 0;
}
#cont_info .info_list li > a {
	display: block;
}
#cont_info .info_list li .txt_wrap {
	padding: 25px 30px;
}
#cont_info .info_list li .txt_wrap a {
	word-break: break-word;
}
#cont_info .info_list .date {
	color: #434343;
	font-size: 11px;
	line-height: 100%;
	letter-spacing: 0.15em;
	overflow: hidden;
	margin: 6px 20px 0 0;
}
#cont_info .btn {
	margin-left: auto;
	width: 226px;
	position: relative;
	opacity: 0;
	left: 40px;
}
#cont_info.init .btn {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.5s,left 1s ease 0s;
	-moz-transition: opacity 1s ease 0.5s,left 1s ease 0s;
	-o-transition: opacity 1s ease 0.5s,left 1s ease 0s;
	-ms-transition: opacity 1s ease 0.5s,left 1s ease 0s;
	transition: opacity 1s ease 0.5s,left 1s ease 0s;
}
#cont_info .btn .icn {
	background-color: #272727;
}
@media (min-width:750px) {
	#cont_info .info_list,
	#cont_info .info_list li .txt_wrap {
		display:-webkit-box;
  		display:-ms-flexbox;
		display: flex;
	}
	#cont_info .info_list ul,
	#cont_info .info_list li .txt {
		-webkit-flex: 1;
  		flex: 1;
	}
}
@media screen and (max-width:750px) {
	#cont_info .inner {
		padding: 21% 0 15%;
	}
	#cont_info h2 {
		font-size: 3.123vw;
		padding: 0 0 6.7%;
	}
	#cont_info .info_list li {
		margin-bottom: 2%;
	}
	#cont_info .info_list li .txt_wrap {
		padding: 5.7% 5%;
	}
	#cont_info .info_list .date {
		font-size: 2.5vw;
		margin: 0 0 1%;
	}
	#cont_info .btn {
		width: 100%;
	}
	#cont_info .btn .icn {
		background-size: 23.75% auto;
		padding: 8%;
	}
}
/* #cont_topics
--------------------------------------------- */
#cont_topics {
	padding: 40px 0 110px;
}
#cont_topics h2 {
	font-size: 20px;
	padding: 0 0 25px;
	opacity: 0;
}
#cont_topics .topics_slider {
	overflow: visible;
}
#cont_topics .topics_slider .swiper-slide {
	position: relative;
	opacity: 0;
	left: 40px;
}
#cont_topics .topics_slider .swiper-slide > div {
	cursor: pointer;
}
#cont_topics.init .topics_slider .list01 {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0s,left 1s ease 0s;
	-moz-transition: opacity 1s ease 0s,left 1s ease 0s;
	-o-transition: opacity 1s ease 0s,left 1s ease 0s;
	-ms-transition: opacity 1s ease 0s,left 1s ease 0s;
	transition: opacity 1s ease 0s,left 1s ease 0s;
}
#cont_topics.init .topics_slider .list02 {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-moz-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-o-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-ms-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
}
#cont_topics.init .topics_slider .list03 {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-moz-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-o-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-ms-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
}
#cont_topics.init .topics_slider .list04 {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	-moz-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	-o-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	-ms-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
}
#cont_topics .topics_slider li figure {
	overflow: hidden;
}
#cont_topics .topics_slider li img {
	width: 100%;
}
#cont_topics .topics_slider .txt_wrap {
	padding: 22px 0 0;
	position: relative;
	opacity: 0;
	left: 40px;
}
#cont_topics.init .topics_slider .txt_wrap {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-moz-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-o-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-ms-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
}
#cont_topics .topics_slider .txt_wrap .ttl .shuffle {
	overflow:hidden;
	line-height: 100%;
}
#cont_topics .topics_slider .txt_wrap .ttl .shuffleinner{
	line-height: 100%;
}
#cont_topics .topics_slider .txt_wrap .ttl .shuffle2 {
	padding-top: 0.8em;
}
#cont_topics .topics_slider .txt_wrap .txt {
	font-size: 12px;
	padding: 4px 0 22px;
}
#cont_topics .topics_slider .txt_wrap .category {
	color: #434343;
	font-size: 11px;
	line-height: 100%;
	letter-spacing: 0.15em;
	padding: 0 0 10px;
	overflow: hidden;
}
#cont_topics .topics_slider .txt_wrap .date {
	color: #434343;
	font-size: 11px;
	line-height: 100%;
	letter-spacing: 0.15em;
	overflow: hidden;
}
@media (min-width:751px) and (max-width:1480px) {
	#cont_topics .topics_slider li {
		width: 340px!important;
	}
}
@media screen and (max-width:750px) {
	#cont_topics {
		padding: 13% 0;
	}
	#cont_topics .inner {
		margin-left: 9.375%;
	}
	#cont_topics .topics_slider li:last-child {
		margin-left: 3%;
	}
	#cont_topics h2 {
		font-size: 3.125vw;
	}
	#cont_topics .topics_slider .txt_wrap {
		padding: 4% 0 0;
	}
	#cont_topics .topics_slider .txt_wrap .ttl {
		font-size: 2.8vw;
	}
	#cont_topics .topics_slider .txt_wrap .txt {
		font-size: 2.4vw;
		line-height: 140%;
		padding: 1% 0 5.5%;
	}
	#cont_topics .topics_slider .txt_wrap .txt span {
		display: block;
		line-height: 140%;
	}
	#cont_topics .topics_slider .txt_wrap .category {
		font-size: 2.5vw;
		padding: 0 0 3%;
	}
	#cont_topics .topics_slider .txt_wrap .date {
		font-size: 2.5vw;
	}
}
/* #cont_concept
--------------------------------------------- */
#cont_concept .inner {
	position: relative;
}
/* image */
#cont_concept .image {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	z-index: 1;
}
#cont_concept .image figure {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 604px;
	width: 80%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 1;
}
#cont_concept .image figure img {
	width: 100%;
	opacity: 0;
	position: relative;
	left: 40px;
}
#cont_concept.init .image figure img {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0s,left 1s ease 0s;
	-moz-transition: opacity 1s ease 0s,left 1s ease 0s;
	-o-transition: opacity 1s ease 0s,left 1s ease 0s;
	-ms-transition: opacity 1s ease 0s,left 1s ease 0s;
	transition: opacity 1s ease 0s,left 1s ease 0s;
}
#cont_concept .bg_movie02 .mainVisual.js-movie-none {
	background: url(../images/bg_movie_concept.jpg) no-repeat 50% 50%;
	background-size: cover;
}
@media screen and (max-width: 750px) {
	#cont_concept .bg_movie02 .mainVisual.js-movie-none {
		background: url(../images/bg_movie_concept_sp.jpg) no-repeat 50% 50%;
		background-size: cover;
	}
}
/* cont */
#cont_concept .cont {
	position: relative;
	width: 50%;
	padding: 100px 0 120px;
	background: #181818;
	z-index: 1;
}
#cont_concept .txt_wrap {
	max-width: 492px;
	width: 85%;
	margin: 0 auto;
}
#cont_concept .txt_wrap h2 {
	font-size: 12px;
	padding: 0 0 45px;
	opacity: 0;
}
#cont_concept .txt_wrap p {
	opacity: 0;
	left: 40px;
	position: relative;
}
#cont_concept.init .txt_wrap p {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	-moz-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	-o-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	-ms-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
}
#cont_concept .txt_wrap p + p {
	padding: 20px 0 0;
}
#cont_concept .txt_wrap .readtxt {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
#cont_concept .txt_wrap .txt_concept {
	padding: 50px 0 0;
	opacity: 0;
	left: 40px;
	position: relative;
}
#cont_concept.init .txt_wrap .txt_concept {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	-moz-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	-o-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	-ms-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
}
#cont_concept .txt_wrap .txt_concept .logo01 {
	width: 47.8%;
}
#cont_concept .txt_wrap .txt_concept .logo02 {
	width: 16.3%;
	padding: 0 4%;
}
#cont_concept .txt_wrap .txt_concept .logo03 {
	width: 23.2%;
}
@media screen and (max-width:750px) {
	#cont_concept .image {
		position: relative;
		width: 100%;
		padding: 23% 0 6%;
	}
	#cont_concept .image figure {
		position: relative;
		top: 0;
		left: 0;
		width: 85.4%;
		margin-left: 13%;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	#cont_concept .image .mainVisual .mainVisualInner {
        width: 230%!important;
        margin-left: -64%!important;
    }
	#cont_concept .cont {
		width: 100%;
		padding: 0;
	}
	#cont_concept .txt_wrap {
		max-width: 100%;
		width: 81.25%;
		padding: 19% 0 22%;
	}
	#cont_concept .txt_wrap h2 {
		font-size: 3.125vw;
		padding: 0 0 13%;
	}
	#cont_concept .txt_wrap .readtxt {
		font-size: 4.375vw;
	}
	#cont_concept .txt_wrap .txt {
		font-size: 3.125vw;
	}
	#cont_concept .txt_wrap p + p {
		padding: 5% 0 0;
	}
	#cont_concept .txt_wrap .txt_concept {
		padding: 13% 0 0;
	}
}
/* #cont_about
--------------------------------------------- */
#cont_about .btn_wrap .txt{
	line-height:100% !important;
	display:block;
}
#cont_about .btn_wrap .txt .txt_row{
	display:block;
	width:100%;
	text-align:center;
	line-height:100%;
	clear:both;
	vertical-align:bottom;
	margin-top:6px;
}
#cont_about .inner {
	position: relative;
}
#cont_about .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background: #fff;
	z-index: 1;
}
/* cont */
#cont_about .cont {
	position: relative;
	width: 50%;
	padding: 100px 0 120px;
	background: #181818;
	margin-left: auto;
	z-index: 1;
	opacity: 0;
	left: 40px;
	position: relative;
}
#cont_about.init .cont {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	-moz-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	-o-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	-ms-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
}
#cont_about .txt_wrap {
	max-width: 420px;
	width: 77%;
	padding-right: 5%;
	margin: 0 auto;
}
#cont_about .txt_wrap h2 {
	font-size: 12px;
	padding: 0 0 45px;
	opacity: 0;
}
#cont_about .txt_wrap .readtxt {
	font-size: 15px;
	letter-spacing: 0.1em;
	font-weight: 700;
	line-height: 180%;
}
#cont_about .txt_wrap p + p {
	padding: 20px 0 0;
}
/* btn_wrap */
#cont_about .btn_wrap {
	opacity: 0;
	left: 40px;
	bottom: 0;
}
#cont_about.init .btn_wrap {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.5s,left 1s ease 0s;
	-moz-transition: opacity 1s ease 0.5s,left 1s ease 0s;
	-o-transition: opacity 1s ease 0.5s,left 1s ease 0s;
	-ms-transition: opacity 1s ease 0.5s,left 1s ease 0s;
	transition: opacity 1s ease 0.5s,left 1s ease 0s;
}
#cont_about .btn_wrap .txt {
	font-size: 18px;
	font-weight: 700;
	line-height: 133%;
	padding: 0 0 20px;
}
#cont_about .btn_wrap .btn {
	margin: 0 auto;
	width: 226px;
}
@media (min-width:751px) and (max-width:9999px) {
	#cont_about .image figure {
		position: absolute;
		top: 50%;
		left: 50%;
		max-width: 604px;
		width: 80%;
		-webkit-transform: translate(-50%,-70%);
		-ms-transform: translate(-50%,-70%);
		transform: translate(-50%,-70%);
		z-index: 1;
	}
	#cont_about .image figure img {
		width: 100%;
		opacity: 0;
		position: relative;
		left: 40px;
	}
	#cont_about.init .image figure img {
		opacity: 1;
		left: 0px;
		-webkit-transition: opacity 1s ease 0s,left 1s ease 0s;
		-moz-transition: opacity 1s ease 0s,left 1s ease 0s;
		-o-transition: opacity 1s ease 0s,left 1s ease 0s;
		-ms-transition: opacity 1s ease 0s,left 1s ease 0s;
		transition: opacity 1s ease 0s,left 1s ease 0s;
	}
	#cont_about .btn_wrap {
		position: absolute;
		width: 50%;
		left: 224px;
		margin: 0 0 95px;
		z-index: 1;
	}
	#cont_about .btn_wrap .txt {
		color: #121212;
		text-align: center;
	}
}
@media screen and (max-width:1200px) {
	#cont_about .txt_wrap {
		padding-right: 0;
		margin: 0 0 0 7%;
	}
}
@media screen and (max-width:750px) {
	#cont_about {
		background: #181818;
	}
	#cont_about .inner {
		width: 81.25%;
		margin: 0 auto;
	}
	#cont_about .image {
		position: relative;
		width: 100%;
		height: auto;
		padding: 20% 0;
	}
	#cont_about .image {
		opacity: 0;
		left: 40px;
	}
	#cont_about.init .image {
		opacity: 1;
		left: 0px;
		-webkit-transition: opacity 1s ease 0s,left 1s ease 0s;
		-moz-transition: opacity 1s ease 0s,left 1s ease 0s;
		-o-transition: opacity 1s ease 0s,left 1s ease 0s;
		-ms-transition: opacity 1s ease 0s,left 1s ease 0s;
		transition: opacity 1s ease 0s,left 1s ease 0s;
	}
	#cont_about .image figure {
		width: 93.8%;
		margin: 0 auto;
	}
	#cont_about .cont {
		width: 100%;
		padding: 12% 0;
	}
	#cont_about .txt_wrap {
		max-width: 100%;
		width: 100%;
		margin: 0;
	}
	#cont_about .txt_wrap h2 {
		padding: 0 0 5%;
	}
	#cont_about .txt_wrap .readtxt {
		font-size: 3.75vw;
	}
	#cont_about .txt_wrap p + p {
		padding: 6% 0 0;
	}
	#cont_about .btn_wrap {
		padding: 0 0 28%;
	}
	#cont_about .btn_wrap .btn {
		width: 100%;
	}
	#cont_about .btn_wrap .txt {
		font-size: 3.75vw;
		line-height: 150%;
		padding: 0 0 8%;
	}
	#cont_about .btn_wrap .txt .txt_row {
		text-align: left;
	}
}
/* #cont_lineup
--------------------------------------------- */
#cont_lineup h3 .shuffle{
	display:inline-block;
	overflow:hidden;
	width:100%;
}
#cont_lineup h3 .txt_row .shuffle .shuffleinner{
	display:inline-block;
}
#cont_lineup .inner {
	position: relative;
	padding: 230px 0 110px;
	z-index: 9;
}
#cont_lineup .inner::after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/* txt_wrap */
#cont_lineup .txt_wrap {
	position: relative;
	width: 350px;
	z-index: 1;
}
#cont_lineup .txt_wrap h2 {
	font-size: 12px;
	padding: 0 0 30px;
	opacity: 0;
}
#cont_lineup .txt_wrap a {
	width: 200px;
	opacity: 0;
	position: relative;
	left: 40px;
}
#cont_lineup.init .txt_wrap a {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	-moz-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	-o-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	-ms-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
}
#cont_lineup .txt_wrap h3 {
	font-size: 32px;
	letter-spacing: 0.15em;
}
#cont_lineup .txt_wrap h3 span {
	opacity: 0;
}
#cont_lineup .txt_wrap .txt {
	color: #fff;
	width: 305px;
	letter-spacing: 0.005em;
	padding: 35px 0;
	line-height: 200%;
	opacity: 0;
	position: relative;
	left: 40px;
}
#cont_lineup.init .txt_wrap .txt {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	-moz-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	-o-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	-ms-transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
	transition: opacity 1s ease 0.5s,left 1s ease 0.5s;
}
/* slider */
#cont_lineup .slider_wrap .slide-item {
	position: relative;
	opacity: 0;
	left: 40px;
}
#cont_lineup.init .slider_wrap .slide-item01 {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0s,left 1s ease 0s;
	-moz-transition: opacity 1s ease 0s,left 1s ease 0s;
	-o-transition: opacity 1s ease 0s,left 1s ease 0s;
	-ms-transition: opacity 1s ease 0s,left 1s ease 0s;
	transition: opacity 1s ease 0s,left 1s ease 0s;
}
#cont_lineup.init .slider_wrap .slide-item02 {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-moz-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-o-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-ms-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
}
#cont_lineup.init .slider_wrap .slide-item03 {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-moz-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-o-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-ms-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
}
#cont_lineup.init .slider_wrap .slide-item04 {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.6s,left 1s ease 0.6s;
	-moz-transition: opacity 1s ease 0.6s,left 1s ease 0.6s;
	-o-transition: opacity 1s ease 0.6s,left 1s ease 0.6s;
	-ms-transition: opacity 1s ease 0.6s,left 1s ease 0.6s;
	transition: opacity 1s ease 0.6s,left 1s ease 0.6s;
}
#cont_lineup.init .slider_wrap .slide-item05 {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	-moz-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	-o-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	-ms-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
}
#cont_lineup.init .slider_wrap .slide-item06 {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 1.0s,left 1s ease 1.0s;
	-moz-transition: opacity 1s ease 1.0s,left 1s ease 1.0s;
	-o-transition: opacity 1s ease 1.0s,left 1s ease 1.0s;
	-ms-transition: opacity 1s ease 1.0s,left 1s ease 1.0s;
	transition: opacity 1s ease 1.0s,left 1s ease 1.0s;
}
#cont_lineup.init .slider_wrap .slide-item07 {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 1.2s,left 1s ease 1.2s;
	-moz-transition: opacity 1s ease 1.2s,left 1s ease 1.2s;
	-o-transition: opacity 1s ease 1.2s,left 1s ease 1.2s;
	-ms-transition: opacity 1s ease 1.2s,left 1s ease 1.2s;
	transition: opacity 1s ease 1.2s,left 1s ease 1.2s;
}
#cont_lineup.init .slider_wrap .slide-item08 {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 1.4s,left 1s ease 1.4s;
	-moz-transition: opacity 1s ease 1.4s,left 1s ease 1.4s;
	-o-transition: opacity 1s ease 1.4s,left 1s ease 1.4s;
	-ms-transition: opacity 1s ease 1.4s,left 1s ease 1.4s;
	transition: opacity 1s ease 1.4s,left 1s ease 1.4s;
}
#cont_lineup.init .slider_wrap .slide-item09 {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 1.6s,left 1s ease 1.6s;
	-moz-transition: opacity 1s ease 1.6s,left 1s ease 1.6s;
	-o-transition: opacity 1s ease 1.6s,left 1s ease 1.6s;
	-ms-transition: opacity 1s ease 1.6s,left 1s ease 1.6s;
	transition: opacity 1s ease 1.6s,left 1s ease 1.6s;
}
#cont_lineup.init .slider_wrap .slide-item10 {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 1.8s,left 1s ease 1.8s;
	-moz-transition: opacity 1s ease 1.8s,left 1s ease 1.8s;
	-o-transition: opacity 1s ease 1.8s,left 1s ease 1.8s;
	-ms-transition: opacity 1s ease 1.8s,left 1s ease 1.8s;
	transition: opacity 1s ease 1.8s,left 1s ease 1.8s;
}
#cont_lineup .slider_wrap .swiper-container {
	overflow: hidden;
	width:auto;
	position: relative;
	z-index:2;
}
#cont_lineup .slider_wrap .swiper-slide {
	position: relative;
	width: 232px;
	margin-right: 5px;
}
#cont_lineup .slider_wrap .swiper-slide:nth-of-type(4n) {
	margin-right: 0;
}
#cont_lineup .slider_wrap .swiper-slide a {
	display: block;
	transition: all .3s;
}
#cont_lineup .slider_wrap .swiper-slide img {
	width: 100%;
}
#cont_lineup .slider_wrap .swiper-slide .txt-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	color: #c4c4c4;
	font-size: 10px;
	letter-spacing: 0.2em;
	margin: 170% 0 0 -8.5%;
	transition: all .3s;
}
#cont_lineup .slider_wrap .swiper-slide a:hover p {
	color: #ca371c;	
}
#cont_lineup .slider_wrap .swiper-slide .txt-wrap p:not(.new) + p {
	margin-top: 4%;
}
#cont_lineup .slider_wrap .swiper-slide .txt-wrap .new {
	color: #ca371c;
	margin-top: -1.8em;
}
#cont_lineup .bg_txt {
	position: absolute;
	top: -30px;
	left: -400px;
	color: #1b1b1b;
	font-size: 432px;
	line-height: 95%;
	white-space: nowrap;
	z-index: 1;
}
@media (min-width:1351px) and (max-width:9999px) {
	#cont_lineup .inner {
		display:-webkit-box;
  		display:-ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	#cont_lineup .slider_wrap {
		box-sizing: border-box;
		text-align: center;
		margin-top: -55px;
	}
	#cont_lineup .slider_wrap .swiper-container {
		display: inline-block;
		text-align: left;
	}
	#cont_lineup .slider_wrap .swiper-container .swiper-wrapper {
		flex-wrap: wrap;
		width: 943px;
	}
}
@media screen and (max-width:1350px) {
	#cont_lineup .inner {
		width: 100%;
		padding: 50px 0 0;
	}
	#cont_lineup .txt_wrap {
		width: 89%;
	}
	#cont_lineup .txt_wrap .txt {
		width: 50%;
		padding: 20px 0 30px;
	}
	#cont_lineup .slider_wrap {
		width: 100%;
		position: relative;
		left: 50%;
		-webkit-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
		margin-left: -3%;
	}
	#cont_lineup .slider_wrap ul {
		display: inline-flex;
	}
	#cont_lineup .slider_wrap .swiper-slide:nth-of-type(4n) {
		margin-right: 5px;
	}
}
@media screen and (max-width:750px) {
	#cont_lineup h3 .txt_row{
		height:50%;
	}
	#cont_lineup::after {
		top: auto;
		bottom: 0;
		width: 100%;
		height: 44%;
	}
	#cont_lineup .inner {
		padding: 0;
	}
	#cont_lineup .txt_wrap {
		position: static;
		width: 81.25%;
		margin: 0 auto;
		padding: 25% 0 0;
	}
	#cont_lineup .txt_wrap h2 {
		top: 7.7%;
		font-size: 3.125vw;
		padding: 0 0 10%;
		width: 100%;
		box-sizing: border-box;
	}
	#cont_lineup .txt_wrap h3 {
		font-size: 6.875vw;
	}
	#cont_lineup .txt_wrap .txt {
		width: 100%;
		padding: 2.8% 0 0;
	}
	#cont_lineup .slider_wrap {
		padding: 0 0 40%;
		margin: 0;
	}
	#cont_lineup .slider_wrap .swiper-slide,
	#cont_lineup .slider_wrap .swiper-slide:nth-of-type(4n) {
		width: 42%;
		margin-right: 2%;
	}
	#cont_lineup .slider_wrap li {
		width: 50.9%;
		float: left;
	}
	#cont_lineup .slider_wrap .swiper-slide .txt-wrap {
		font-size: 2.8vw;
		word-break: keep-all;
	}
	#cont_lineup .slider_wrap .swiper-slide .txt-wrap p + p {
		letter-spacing: 0.15em;
	}
	#cont_lineup .txt_wrap a {
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 0 9.375% 19%;
		width: 81.25%;
		padding: 6.3% 0;
		z-index: 1;
	}
	#cont_lineup .bg_txt {
		font-size: 73vw;
	}
}
@media screen and (max-width:340px) {
	#cont_lineup .slider_wrap .swiper-slide .txt-wrap p + p {
		letter-spacing: 0.1em;
	}
}
/* #cont_features
--------------------------------------------- */
#cont_features .features_slider .en .txt_row{
	display:block;
	width:100%;
	text-align:left;
	line-height:100%;
	clear:both;
	vertical-align:bottom;
	margin-top:0px;
}
#cont_features .features_slider .en .txt_row.txt_row2 {
	display: block;
	font-size: 11px;
	margin-top:6px;
}
#cont_features {
	padding: 0 0 150px;
}
#cont_features h2 {
	font-size: 12px;
	opacity: 0;
}
#cont_features h3 {
	font-size: 70px;
	line-height: 100%;
	padding: 25px 0 45px;
}
#cont_features h3 span {
	opacity: 0;
}
/* slider */
#cont_features .features_slider {
	overflow: visible;
	padding: 0 0 84px;
}
#cont_features .features_slider li {
	width: calc(100% / 3);
	margin-right: 27px;
	position: relative;
	opacity: 0;
	left: 40px
}
#cont_features .features_slider li:last-child {
	margin: 0;
}
#cont_features.init .features_slider .slide-item01 {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0s,left 1s ease 0s;
	-moz-transition: opacity 1s ease 0s,left 1s ease 0s;
	-o-transition: opacity 1s ease 0s,left 1s ease 0s;
	-ms-transition: opacity 1s ease 0s,left 1s ease 0s;
	transition: opacity 1s ease 0s,left 1s ease 0s;
}
#cont_features.init .features_slider .slide-item02 {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-moz-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-o-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-ms-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
}
#cont_features.init .features_slider .slide-item03 {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-moz-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-o-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-ms-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
}
#cont_features .features_slider a {
	display: block;
}
#cont_features .features_slider figure {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding: 360px 0 0;
}
#cont_features .features_slider figure img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#cont_features .features_slider p {
	font-size: 14px;
	line-height: 140%;
	padding: 24px 0 0;
	opacity: 0;
	left: 40px;
	position: relative;
}
#cont_features.init .features_slider p {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-moz-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-o-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-ms-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
}
#cont_features .features_slider p span {
	display: block;
	font-size: 11px;
}
/* movie_wrap */
#cont_features .movie_wrap {
	position: relative;
	opacity: 0;
	left: 40px;
}
#cont_features.init .movie_wrap {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	-moz-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	-o-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	-ms-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
}
#cont_features .movie_wrap .movie {
	position: relative;
	width: 100%;
	padding: 25% 0 0;
	margin: 0 0 20px;
	cursor: pointer;
}
#cont_features .bg_movie03 .mainVisual.js-movie-none {
	background: url(../images/bg_movie_features.jpg) no-repeat 50% 50%;
	background-size: cover;
}
#cont_features .movie_wrap .btn_movie {
	position: absolute;
	top: 50%;
	right: 0;
	margin-right: 82px;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
#cont_features .movie_wrap .btn_movie .str {
	display:inline-block;
	overflow:hidden;
	text-align:left;
}
#cont_features .movie_wrap .btn_movie .strinner {
	display:inline-block;
	text-align:left;
}
#cont_features .movie_wrap p {
	font-size: 14px;
	letter-spacing: 0.15em;
	padding: 0 0 14px;
}
@media screen and (max-width:1480px) {
	#cont_features .features_slider figure {
		padding: 80.8% 0 0;
	}
}
@media screen and (max-width:750px) {
	#cont_features {
		padding: 0 0 17%;
	}
	#cont_features .inner {
		margin-left: 9.375%;
	}
	#cont_features h2 {
		font-size: 3.125vw;
	}
	#cont_features h3 {
		font-size: 10.9vw;
		padding: 6% 0;
	}
	#cont_features .slider_wrap {
		margin-left: 9.375%;
		padding: 0 0 7%;
	}
	#cont_features .features_slider {
		padding: 0 0 9%;
	}
	#cont_features .features_slider p {
		font-size: 2.8vw;
		padding: 5% 0 0;
	}
	#cont_features .features_slider p span {
		font-size: 2.5vw;
		padding: 1% 0 0;
	}
	#cont_features .movie_wrap .movie {
		padding: 56% 0 0;
		margin: 0 0 4%;
	}
	#cont_features .bg_movie03 .mainVisual.js-movie-none {
		background: url(../images/bg_movie_features_sp.jpg) no-repeat 50% 50%;
		background-size: cover;
	}
	#cont_features .movie_wrap .btn_movie {
		right: auto;
		left: 0;
		width: 100%;
		margin: 0 0 0 5%;
	}
	#cont_features .movie_wrap .btn_movie .icn {
		width: 10.3%;
	}
	#cont_features .movie_wrap p {
		font-size: 2.8vw;
		padding: 0 0 1%;
	}
}
/* #cont_use
--------------------------------------------- */
#cont_use .cont_howto .btn_wrap p{
	text-align: center;
}
#cont_use {
	overflow: hidden;
	position: relative;
}
#cont_use::before {
	position: absolute;
	content: "";
	background: url(../images/bg_use01.jpg) no-repeat 50% 50%;
	background-size: cover;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	opacity: 0;
}
#cont_use::after {
	position: absolute;
	content: "";
	background: url(../images/bg_use02.jpg) no-repeat 50% 50%;
	background-size: cover;
	bottom: 0;
	right: 0;
	width: 50%;
	height: 100%;
	opacity: 0;
}
#cont_use.init::before,
#cont_use.init::after {
	opacity: 1;
	transition: all .4s;
}
#cont_use .inner {
	overflow: hidden;
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#cont_use h2 {
	color: #fff;
	font-size: 24px;
	padding: 0 0 24px;
	position: relative;
	opacity: 0;
	left: 40px;
}
#cont_use.init h2 {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-moz-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-o-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-ms-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
}
#cont_use h2 span {
	opacity: 0;
}
#cont_use .readtxt {
	font-size: 16px;
	font-weight: 700;
	position: relative;
	opacity: 0;
	left: 40px;
}
#cont_use.init .readtxt {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-moz-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-o-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-ms-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
}
#cont_use .txt {
	color: #c4c4c4;
	font-size: 14px;
	position: relative;
	opacity: 0;
	left: 40px;
}
#cont_use.init .txt {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-moz-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-o-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-ms-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
}
#cont_use .txt_note {
	color: #ca371c;
	font-size: 14px;
	position: relative;
	opacity: 0;
	left: 40px;
}
#cont_use.init .txt_note {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-moz-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-o-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	-ms-transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
	transition: opacity 1s ease 0.2s,left 1s ease 0.2s;
}
/* cont_application */
#cont_use .cont_application {
	float: left;
	padding: 145px 50px 170px 0;
}
#cont_use .cont_application .download {
	position: relative;
	margin: 38px 0 0;
	padding-left: 165px;
}
#cont_use .cont_application .download img {
	width: 100%;
	transition: all .3s;
}
#cont_use .cont_application .download a:hover img {
	opacity: 0.7;
}
#cont_use .cont_application .download .btn_icon {
	position: absolute;
	top: 0;
	left: 0;
	width: 153px;
	margin: -10px 0 0 -17px;
	opacity: 0;
	left: 40px;
}
#cont_use.init .cont_application .download .btn_icon {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-moz-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-o-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-ms-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
}
#cont_use .cont_application .download .btn_download {
	display: block;
	width: 156px;
	position: relative;
	opacity: 0;
	left: 40px;
}
#cont_use.init .cont_application .download .btn_download {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.6s,left 1s ease 0.6s;
	-moz-transition: opacity 1s ease 0.6s,left 1s ease 0.6s;
	-o-transition: opacity 1s ease 0.6s,left 1s ease 0.6s;
	-ms-transition: opacity 1s ease 0.6s,left 1s ease 0.6s;
	transition: opacity 1s ease 0.6s,left 1s ease 0.6s;
}
#cont_use .cont_application .download .btn_download + .btn_download {
	margin: 14px 0 0;
	position: relative;
	opacity: 0;
	left: 40px;
}
#cont_use.init .cont_application .download .btn_download + .btn_download {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	-moz-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	-o-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	-ms-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
}
/* image_wrap */
#cont_use .image_wrap {
	position: relative;
	float: left;
	width: 592px;
	padding: 124px 0 0;
	opacity: 0;
	left: 40px;
}
#cont_use.init .image_wrap {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-moz-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-o-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-ms-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
}
#cont_use .image_wrap::after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#cont_use .image_wrap img {
	width: 100%;
}
#cont_use .image_wrap .image01 {
	float: left;
	width: 243px;
}
#cont_use .image_wrap p {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: 25px 0 0 5px;
}
#cont_use .image_wrap p img {
	width: 137px;
	height: 61px;
}
#cont_use .image_wrap .image02 {
	float: right;
	width: 209px;
	padding: 11px 0 0;
}
/* cont_howto */
#cont_use .cont_howto {
	float: left;
	padding: 145px 0 170px 25px;
}
#cont_use .cont_howto .btn_wrap {
	padding: 15px 0 0;
}
#cont_use .cont_howto .btn_wrap li + li {
	padding: 6px 0 0;
}
#cont_use .cont_howto .btn_wrap li {
	position: relative;
	opacity: 0;
	left: 40px;
}
#cont_use.init .cont_howto .btn_wrap li:nth-child(1) {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-moz-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-o-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	-ms-transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
	transition: opacity 1s ease 0.4s,left 1s ease 0.4s;
}
#cont_use.init .cont_howto .btn_wrap li:nth-child(2) {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.6s,left 1s ease 0.6s;
	-moz-transition: opacity 1s ease 0.6s,left 1s ease 0.6s;
	-o-transition: opacity 1s ease 0.6s,left 1s ease 0.6s;
	-ms-transition: opacity 1s ease 0.6s,left 1s ease 0.6s;
	transition: opacity 1s ease 0.6s,left 1s ease 0.6s;
}
#cont_use.init .cont_howto .btn_wrap li:nth-child(3) {
	opacity: 1;
	left: 0px;
	-webkit-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	-moz-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	-o-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	-ms-transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
	transition: opacity 1s ease 0.8s,left 1s ease 0.8s;
}
#cont_use .cont_howto .btn {
	width: 223px;
	font-size: 13px;
}
@media screen and (max-width:1480px) {
	#cont_use::before,
	#cont_use::after {
		width: 100%;
		height: 50%;
	}
	#cont_use .inner {
		overflow: visible;
		width: 81.25%;
		margin: 0 auto;
	}
	#cont_use h2 {
		font-size: 32px;
		padding: 0 0 13px;
	}
	#cont_use .txt {
		color: #fff;
	}
	#cont_use .cont_application {
		float: none;
		padding: 122px 0 100px;
	}
	#cont_use .image_wrap {
		float: none;
		padding: 40px 0 0;
		margin: 0 auto;
	}
	#cont_use .image_wrap .image01 {
		width: 42%;
	}
	#cont_use .image_wrap p {
		width: 25%;
		margin: -5% 0 0 4%;
	}
	#cont_use .image_wrap p img {
		width: 100%;
		height: auto;
	}
	#cont_use .image_wrap .image02 {
		width: 38%;
		margin-right: -7.5%;
		padding: 3% 0 0;
	}
	#cont_use .cont_howto {
		float: none;
	}
	#cont_use .cont_howto .btn_wrap {
		padding: 45px 0 0;
	}
	#cont_use .cont_howto .btn_wrap li + li {
		padding: 12px 0 0;
	}
}
@media (min-width:991px) and (max-width:1480px) {
	#cont_use .cont_application {
		padding: 0 0 87px;
		margin: 100px 0;
	}
	#cont_use .image_wrap {
		position: absolute;
		top: 0;
		left: 405px;
		right: 0;
		padding: 0;
		max-width: 618px;
		width: 57%;
		margin-top: -3%;
	}
	#cont_use.init .image_wrap {
		left: 365px;
	}
	#cont_use .image_wrap img {
		width: 100%;
	}
	#cont_use .cont_howto {
		position: relative;
		padding: 0;
		margin: 150px 0 172px;
	}
	#cont_use .cont_howto .btn_wrap {
		position: absolute;
		bottom: 0;
		left: 380px;
		right: 0;
		padding: 0;
		width: 57%;
		max-width: 618px;
		margin: 0 auto;
	}
	#cont_use .cont_howto .btn_wrap li {
		width: 300px;
	}
	#cont_use .cont_howto .btn {
		font-size: 14px;
		width: 300px;
		padding: 50px 0 0;
		border-radius: 25px;
	}
	#cont_use .cont_howto .btn .icn {
		padding: 25px;
	}
	#cont_use .cont_howto .btn .hover {
		width: 50px;
		padding: 50px 0 0;
		margin-right: -25px;
	}
}
@media screen and (max-width:990px) {
	#cont_use .cont_application {
		padding: 122px 0 0;
	}
	#cont_use .cont_application .download {
		padding-left: 190px;
		margin: 44px 0 0;
	}
	#cont_use .cont_application .download img {
		width: 100%;
	}
	#cont_use .cont_application .download .btn_icon {
		width: 135px;
	}
	#cont_use .cont_application .download .btn_download {
		width: 195px;
	}
	#cont_use .cont_application .download .btn_download + .btn_download {
		margin: 20px 0 0;
	}
	#cont_use .cont_howto {
		padding: 20px 0 122px;
	}
}
@media (min-width:751px) and (max-width:990px) {
	#cont_use .cont_howto li {
		width: 500px;
	}
	#cont_use .cont_howto .btn {
		margin: 0 auto;
		font-size: 22px;
		width: 500px;
		padding: 60px 0 0;
		border-radius: 30px;
	}
	#cont_use .cont_howto .btn .icn {
		padding: 30px;
	}
	#cont_use .cont_howto .btn .hover {
		width: 60px;
		padding: 60px 0 0;
		margin-right: -30px;
	}
}
@media screen and (max-width:750px) {
	#cont_use::before {
		background: url(../images/bg_use01_sp.jpg) no-repeat 50% 50%;
		background-size: cover;
	}
	#cont_use::after {
		background: url(../images/bg_use02_sp.jpg) no-repeat 50% 50%;
		background-size: cover;
	}
	#cont_use h2 {
		font-size: 6.875vw;
		padding: 0 0 2%;
	}
	#cont_use .txt_note {
		font-size: 3.4vw;
	}
	#cont_use .txt,
	#cont_use .readtxt {
		font-size: 3.75vw;
	}
	#cont_use .cont_application {
		padding: 12% 0 0;
	}
	#cont_use .cont_application .download {
		padding-left: 35%;
		margin: 7% 0 0;
	}
	#cont_use .cont_application .download .btn_icon {
		width: 34%;
		margin: -2% 0 0 -4%;
	}
	#cont_use .cont_application .download .btn_download {
		width: 52.5%;
	}
	#cont_use .cont_application .download .btn_download + .btn_download {
		margin: 4.3% 0 0;
	}
	#cont_use .image_wrap {
		width: 100%;
		padding: 11% 0 5%;
	}
	#cont_use .cont_howto {
		padding: 47% 0 19%;
	}
	#cont_use .cont_howto .btn_wrap {
		padding: 7% 0 0;
		width: 75.7%;
	}
	#cont_use .cont_howto .btn_wrap li + li {
		padding: 4.5% 0 0;
	}
	#cont_use .cont_howto .btn {
		width: 100%;
		font-size: 3.4vw;
		padding: 10.2% 0;
	}
	#cont_use .cont_howto .btn .icn {
		padding: 10.2%;
	}
}